<template>
  <router-view></router-view>
</template>

<script>
export default {
// createVNode: 函数用来创建生成虚拟dom(js对象)
/**
  1. 生成一个浏览器原生支持的h1标签对应的vnode
  2. 生成一个组件Message对应的vnode
 */
  // import { createVNode, render } from 'vue'
  // import Message from '@/components/Message'
  // const h1VNode = createVNode(
  //   'h1',
  //   {
  //     id: 'h1-box'
  //   },
  //   [
  //     'this is h1'
  //   ]
  // )
  // console.log(h1VNode)
  // const MessageVNode = createVNode(
  //   Message,
  //   {
  //     type: 'success',
  //     text: '登录成功'
  //   }
  // )
  // console.log(MessageVNode)
  // // render: 函数用来把createVNode生成的虚拟dom渲染为真实的dom

  // /**
  //   render(VNode, '挂载节点')
  // */

// setTimeout(() => {
//   // render(h1VNode, document.getElementById('container'))
//   render(MessageVNode, document.getElementById('container'))
// }, 1000)
}
</script>

<style>

</style>
